{include file=header.subject.html}
<div class="flower-vase-header">
	<div class="flower-vase-ha"></div>
</div>
<div class="flower-cont-layout">
	<div class="flower-vase-cont">
		<div class="cont flower-vase-ca f-cb" id="scroll_layout_a">
			<a href="http://www.wljiashi.com/goods/784.html" target="_blank">
				<img src="{res file=images/subject/flower_vase/metar/floor_1_1.jpg}" />
			</a>
			<a href="http://www.wljiashi.com/goods/775.html" target="_blank">
				<img src="{res file=images/subject/flower_vase/metar/floor_1_2.jpg}" />
			</a>
			<a href="http://www.wljiashi.com/goods/3648.html" target="_blank">
				<img src="{res file=images/subject/flower_vase/metar/floor_1_3.jpg}" />
			</a>
			<a href="http://www.wljiashi.com/goods/2483.html" target="_blank">
				<img src="{res file=images/subject/flower_vase/metar/floor_1_4.jpg}" />
			</a>
			<a href="http://www.wljiashi.com/goods/1292.html" target="_blank">
				<img src="{res file=images/subject/flower_vase/metar/floor_1_5.jpg}" />
			</a>
			<a href="http://www.wljiashi.com/goods/1808.html" target="_blank">
				<img src="{res file=images/subject/flower_vase/metar/floor_1_6.jpg}" />
			</a>
			<a href="http://www.wljiashi.com/goods/1965.html" target="_blank">
				<img src="{res file=images/subject/flower_vase/metar/floor_1_7.jpg}" />
			</a>
			<a href="http://www.wljiashi.com/goods/3671.html" target="_blank">
				<img src="{res file=images/subject/flower_vase/metar/floor_1_8.jpg}" />
			</a>
		</div>
		<div class="cont flower-vase-cb" id="scroll_layout_b">
			<a href="http://www.wljiashi.com/goods/1440.html" target="_blank">
				<img src="{res file=images/subject/flower_vase/metar/floor_2_1.jpg}" />
			</a>
			<a href="http://www.wljiashi.com/goods/892.html" target="_blank">
				<img src="{res file=images/subject/flower_vase/metar/floor_2_2.jpg}" />
			</a>
			<a href="http://www.wljiashi.com/goods/780.html" target="_blank">
				<img src="{res file=images/subject/flower_vase/metar/floor_2_3.jpg}" />
			</a>
			<a href="http://www.wljiashi.com/goods/1347.html" target="_blank">
				<img src="{res file=images/subject/flower_vase/metar/floor_2_4.jpg}" />
			</a>
			<a href="http://www.wljiashi.com/goods/1155.html" target="_blank">
				<img src="{res file=images/subject/flower_vase/metar/floor_2_5.jpg}" />
			</a>
			<a href="http://www.wljiashi.com/goods/1321.html" target="_blank">
				<img src="{res file=images/subject/flower_vase/metar/floor_2_6.jpg}" />
			</a>
			<a href="http://www.wljiashi.com/goods/412.html" target="_blank">
				<img src="{res file=images/subject/flower_vase/metar/floor_2_7.jpg}" />
			</a>
			<a href="http://www.wljiashi.com/goods/1778.html" target="_blank">
				<img src="{res file=images/subject/flower_vase/metar/floor_2_8.jpg}" />
			</a>
		</div>
		<div class="cont flower-vase-cc" id="scroll_layout_c">
			<a href="http://www.wljiashi.com/goods/1211.html" target="_blank">
				<img src="{res file=images/subject/flower_vase/metar/floor_3_1.jpg}" />
			</a>
			<a href="http://www.wljiashi.com/goods/1360.html" target="_blank">
				<img src="{res file=images/subject/flower_vase/metar/floor_3_2.jpg}" />
			</a>
			<a href="http://www.wljiashi.com/goods/682.html" target="_blank">
				<img src="{res file=images/subject/flower_vase/metar/floor_3_3.jpg}" />
			</a>
			<a href="http://www.wljiashi.com/goods/691.html" target="_blank">
				<img src="{res file=images/subject/flower_vase/metar/floor_3_4.jpg}" />
			</a>
			<a href="http://www.wljiashi.com/goods/1157.html" target="_blank">
				<img src="{res file=images/subject/flower_vase/metar/floor_3_5.jpg}" />
			</a>
			<a href="http://www.wljiashi.com/goods/680.html" target="_blank">
				<img src="{res file=images/subject/flower_vase/metar/floor_3_6.jpg}" />
			</a>
			<a href="http://www.wljiashi.com/goods/690.html" target="_blank">
				<img src="{res file=images/subject/flower_vase/metar/floor_3_7.jpg}" />
			</a>
			<a href="http://www.wljiashi.com/goods/681.html" target="_blank">
				<img src="{res file=images/subject/flower_vase/metar/floor_3_8.jpg}" />
			</a>
		</div>
		<div class="cont flower-vase-cd" id="scroll_layout_d">
			<a href="http://www.wljiashi.com/goods/2579.html" target="_blank">
				<img src="{res file=images/subject/flower_vase/metar/floor_4_1.jpg}" />
			</a>
			<a href="http://www.wljiashi.com/goods/2621.html" target="_blank">
				<img src="{res file=images/subject/flower_vase/metar/floor_4_2.jpg}" />
			</a>
			<a href="http://www.wljiashi.com/goods/2479.html" target="_blank">
				<img src="{res file=images/subject/flower_vase/metar/floor_4_3.jpg}" />
			</a>
			<a href="http://www.wljiashi.com/goods/2610.html" target="_blank">
				<img src="{res file=images/subject/flower_vase/metar/floor_4_4.jpg}" />
			</a>
			<a href="http://www.wljiashi.com/goods/2230.html" target="_blank">
				<img src="{res file=images/subject/flower_vase/metar/floor_4_5.jpg}" />
			</a>
			<a href="http://www.wljiashi.com/goods/2224.html" target="_blank">
				<img src="{res file=images/subject/flower_vase/metar/floor_4_6.jpg}" />
			</a>
			<a href="http://www.wljiashi.com/goods/2567.html" target="_blank">
				<img src="{res file=images/subject/flower_vase/metar/floor_4_7.jpg}" />
			</a>
			<a href="http://www.wljiashi.com/goods/4679.html" target="_blank">
				<img src="{res file=images/subject/flower_vase/metar/floor_4_8.jpg}" />
			</a>
		</div>
		<div class="flower-vase-ce">
			<a href="http://www.wljiashi.com/search/cate_id/1313.html" target="_blank">
				<img src="{res file=images/subject/flower_vase/metar/bg-btn.jpg}" alt=""></a>
		</div>
	</div>
</div>
<div class="border-bm-layout border-bgc-a">
	<div class="border-bm border-bgc-a"></div>
</div>
<ul class="subject-bar-a" id="back_top">
	<li>
		<a href="javascript:void(0)"></a>
	</li>
	<li>
		<a href="javascript:void(0)"></a>
	</li>
	<li>
		<a href="javascript:void(0)"></a>
	</li>
	<li>
		<a href="javascript:void(0)"></a>
	</li>
	<li>
		<a href="javascript:void(0)" class="top-touch"></a>
	</li>
</ul>
<script type="text/javascript">
function BackTop(settings) {
	this.container = null;
	this.btn = null;
	this.conWidth = settings.conWidth;
	this.topDis = settings.topDis;
	this.handle = {
		getWidth: function() {
			return $(window).width();
		},
		getScrollTop: function() {
			return $(window).scrollTop();
		}
	}
}

BackTop.prototype.init = function(settings) {
	this.container = $(settings.conName);
	this.btn = $(settings.btnName);
	var This = this;
	var all_tag_a = this.container.children("li").children("a");
	var scroll_layout_a = $("#scroll_layout_a").offset().top;
	var scroll_layout_b = $("#scroll_layout_b").offset().top;
	var scroll_layout_c = $("#scroll_layout_c").offset().top;
	var scroll_layout_d = $("#scroll_layout_d").offset().top;
	if (This.handle.getScrollTop() > This.topDis) {
		This.container.show();
	}

	$(window).scroll(function() {
		if (This.handle.getScrollTop() > This.topDis) {
			if (This.handle.getWidth() > This.conWidth) {
				This.container.fadeIn();
			}
			if (This.handle.getScrollTop() >= scroll_layout_a && This.handle.getScrollTop() < scroll_layout_b) {
				all_tag_a.removeClass("active");
				all_tag_a.eq(0).addClass("active");
			} else if (This.handle.getScrollTop() >= scroll_layout_b && This.handle.getScrollTop() < scroll_layout_c) {
				all_tag_a.removeClass("active");
				all_tag_a.eq(1).addClass("active")
			} else if (This.handle.getScrollTop() >= scroll_layout_c && This.handle.getScrollTop() < scroll_layout_d) {
				all_tag_a.removeClass("active");
				all_tag_a.eq(2).addClass("active");
			} else if (This.handle.getScrollTop() >= scroll_layout_d) {
				all_tag_a.removeClass("active");
				all_tag_a.eq(3).addClass("active");
			} else {}
		} else {
			This.container.fadeOut()
		}
	});

	$(window).resize(function() {
		if (This.handle.getWidth() < This.conWidth) {
			This.container.fadeOut()
		} else {
			if (This.handle.getScrollTop() > This.topDis) {
				This.container.fadeIn();
			}
		}
	});

	this.btn.click(function() {
		$("html,body").stop().animate({
			scrollTop: 0
		}, 500)
	});
	all_tag_a.eq(0).click(function() {
		$("html,body").stop().animate({
			scrollTop: scroll_layout_a
		}, 500)
	});
	all_tag_a.eq(1).click(function() {
		$("html,body").stop().animate({
			scrollTop: scroll_layout_b
		}, 500)
	});
	all_tag_a.eq(2).click(function() {
		$("html,body").stop().animate({
			scrollTop: scroll_layout_c
		}, 500)
	});
	all_tag_a.eq(3).click(function() {
		$("html,body").stop().animate({
			scrollTop: scroll_layout_d
		}, 500)
	});

};
$(function(){
	var backTop = new BackTop({
        'conWidth': 1500,
        'topDis': 300
    });
    backTop.init({
        'conName': '.subject-bar-a',
        'btnName': '.top-touch'
    });	
});
</script>
{include file=footer.index.simple.html}